.tubiao2 img {margin-bottom: 0px;}
.tubiao2 {padding: 10rem; padding-top: 0!important;}
.tubiao2 div {padding: 0!important; margin: 0!important;position: relative;}
.tubiao2 img{width: 100%;display: block;position: absolute;}
.tubiao2 img:hover {transition: 1s;transform:scale(1.18);z-index: 3; }

.tubiao {
    /*指定观察者与平面的距离，使有透视效果*/
    /*若无法正常3d效果，将perspective属性提到更上一个父容器即可(此处已上提，从items-->container)*/
    perspective: 1000px;
    /*transition: all 1s;*/
}
.items {
    width: 1px;
    height: 40rem;
    margin: 13rem auto;
    /*指定子元素定位在三维空间内*/
    transform-style: preserve-3d;
    /*让所有item的父级元素（即items）旋转，item就是围绕着旋转了*/
    animation: autoMove 8s infinite linear;
}

.item {
    height: 25rem;
    opacity: .6;
    font-size: 25rem;
    line-height: 25rem;
    text-align: center;
    position: absolute;
    z-index: 3;
    cursor: pointer;
}

.item:hover {
    opacity: 1;
}
/*定义自动旋转的动画*/
@keyframes autoMove {
    from { }
    to {
        transform: rotateY(360deg);
    }
}
.items:hover {
    /*鼠标移入 暂停动画*/
    animation-play-state: paused;
    opacity: 1;
}

.item img {
    max-height: 100%;
}

@media screen and (max-width:1920px) {
    .tubiao2 div {height: 33rem;}
}

@media screen and (max-width:1280px) and (max-height: 1024px) {
    .tubiao2 div {height: 28rem;}
}

@media screen and (max-width:1024px) and (max-height: 768px) {
    .tubiao2 div {height: 20rem;}
}

@media screen and (max-width:701px) {
    .tubiao2 div {height: 18rem;}
}
@media screen and (max-width:625px) {
    .tubiao2 div {height: 16rem;}
}
@media screen and (max-width:588px) {
    .tubiao2 div {height: 14rem;}
}
@media screen and (max-width:508px) {
    .tubiao2 div {height: 12rem;}
}
@media screen and (max-width:501px) {
    .tubiao2 {padding: 1rem}
}

